<template>
  <div id="app">
    <div class="app_bg"></div>
  <router-view/>

  </div>
</template>

<script>

export default {
  name: 'App',
}
</script>

<style>
@import "assets/css/normalize.css";
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#app{
  position: relative;
  width: 100%;
}


@media screen  and (min-width: 750px){
  .app_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -10;
    opacity: .5;
    background-image: url("https://oss.yhuayi.com/my_self/image/_Lx6kw5TezA.jpg");
    object-fit: fill;
  }
}

</style>
